var gulp = require("gulp");
var gulp_mincss = require("gulp-minify-css");
var gulp_scss = require("gulp-sass");
var gulp_plumber = require("gulp-plumber");


gulp.task("mincss",function(){
	gulp.src("src/**/*.css")
	
		.pipe(gulp_plumber())
		.pipe(gulp_scss())
		.pipe(gulp_mincss())
		.pipe(gulp.dest('./dist/css'))
		
	
})
	gulp.task("watchscss",function(){
		gulp.watch("./scss/**/*scss",["mincss"])
	})
//安装压缩图片的文件

var gulp_tinypng = require("gulp-tinypng");
gulp.task("minimg",function(){
	gulp.src("./src/img/**/*.*")
		.pipe(gulp_plumber())
		.pipe(gulp_tinypng("YX0UJ0M7aVO9qdD0_bRIok_yB8kNXZhL"))
		.pipe(gulp.dest("./dist/img"))
});
//问题：为什么安装了之后在package.json上没显示出来，怎么压缩Src下面的其他装着图片的文件夹

//压缩js任务
var gulp_uglify = require("gulp-uglify");
gulp.task("minjs",function(){
	gulp.src("src/js/**/*.js")
		.pipe(gulp_uglify())
		.pipe(gulp.dest("dist/js"))
	
})
//1.命令行安装：cnpm i gulp-uglify -D
//2.执行gulp minjs 

//8.安装自动刷新的浏览器
//cnpm install browser-sync gulp --save-dev

var browser_sync = require("browser-sync").create();
gulp.task('browser-sync',function() {
	browser_sync.init({
		server: {
			baseDir:"./src"
		}
	});
	gulp.watch("src/scss/**/*.scss",["mincss"]).on("change",browser_sync.reload)
	gulp.watch("src/*.html").on("change",browser_sync.reload);
});


var gulpCopy = require('gulp-copy');
gulp.task('copy', function() {
	gulp.src("./src/img/**/*").pipe(gulpCopy("dist"))//复制所有图片
    gulp.src("./src/js/**/*").pipe(gulpCopy("dist"))//复制所有JS文件    
    gulp.src("./src/css/**/*").pipe(gulpCopy("dist"))//复制所有CSS文件
    gulp.src("./src/*.html").pipe(gulpCopy("dist"))//复制所有html文件
    
})
//定义一键开发模式
gulp.task("dev",["browser-sync"]);

//定义一键生成模式
gulp.task("pro",["mincss","minjs","minimg"]);
//gulp pro



